<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>W-IO监控中心</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="/Uikit/css/uikit.min.css">
<link rel="stylesheet" type="text/css" href="/Uikit/css/uikit.docs.css">
<link rel="stylesheet" type="text/css" href="/SystemShow/css/SystemShow.css">
</head>
<body>
	<nav class='tm-navbar uk-navbar'>
		<div class='uk-container uk-container-center'>
			<a class="uk-navbar-brand uk-hidden-small wiotitle">
				W-IO
			</a>
			<ul class="uk-subnav uk-subnav-pill title_ul" id='title_ul_id'>
			    <li class="uk-active"><a href="#" onclick='handle_http($(this).parent())'>HTTP</a></li>
			    <li><a href="#" onclick='handle_websocket($(this).parent())'>WebSocket</a></li>
			    <li><a href="#" onclick='handle_server($(this).parent())'>Server</a></li>
			    <li><a href="#">分布式</a></li>
			    <li><a href="#">业务集群</a></li>
			    <li><a href="#">事务调度器</a></li>
			    <li><a href="#" onclick='handle_log($(this).parent())'>狼眼</a></li>
			</ul>
		</div>
	</nav>
	<nav class='tm-middle'>
		<div class='uk-container uk-container-center'>
			<div class="uk-grid" id='httpContent'>
			    <div class="uk-width-1-1">
			    	<div class="uk-grid">
				    	<div class="uk-width-1-1">
				    		<div class="uk-panel">
							    <form class='uk-form uk-form-horizontal' id='httpSetForm'>
							    	<fieldset>
							    		<legend>HTTP代理服务设置</legend>
							    		<div class='uk-form-row'>
											<div class="uk-form-row">
			                                    <label class="uk-form-label" for="form-h-it">Boss数</label>
			                                    <div class="uk-form-controls"><input type="text" id="form-h-it" placeholder="Boss数" name='httpBossNum'></div>
			                                </div>
			                                <div class="uk-form-row">
			                                    <label class="uk-form-label" for="form-h-it">Worker数</label>
			                                    <div class="uk-form-controls"><input type="text" id="form-h-it" placeholder="Worker数" name='httpWorkerNum'></div>
			                                </div>
			                                <div class="uk-form-row">
			                                    <label class="uk-form-label" for="form-h-it">IP</label>
			                                    <div class="uk-form-controls"><input type="text" id="form-h-it" placeholder="IP" name='ip' disabled></div>
			                                </div>
			                                <div class="uk-form-row">
			                                    <label class="uk-form-label" for="form-h-it">端口</label>
			                                    <div class="uk-form-controls"><input type="text" id="form-h-it" placeholder="端口" name='httpPort'></div>
			                                </div>
			                                <div class="uk-form-row">
			                                    <label class="uk-form-label" for="form-h-it">最大重连数</label>
			                                    <div class="uk-form-controls"><input type="text" id="form-h-it" placeholder="最大重连数" name='httpMaxReadCont'></div>
			                                </div>
			                                <div class="uk-form-row">
			                                    <label class="uk-form-label" for="form-h-it">当前请求数</label>
			                                    <div class="uk-form-controls"><input type="text" id="form-h-it" placeholder="当前请求数" disabled name='httpreqnum'></div>
			                                </div>
							    		</div>
							    	</fieldset>
							    </form>
							</div>
				    	</div>
				    	<div class="uk-width-1-1 uk-overflow-container" style='height:700px;margin-top:10px;'>
				    		<table class="uk-table" id='serverstable'>
							    <caption>集群数据</caption>
							    <thead>
							        <tr>
                                        <th>路径名称</th>
                                        <th>锁名称</th>
                                        <th>锁时长</th>
                                        <th>获取锁等待时长</th>
                                        <th>是否启动事务</th>
                                        <th>超时提交时长(秒)</th>
                                        <th>超时回滚时长(秒)</th>
                                        <th>路径负载配置</th>
                                        <th>文件传入</th>
                                    </tr>
							    </thead>
							    <tbody>
							        
							    </tbody>
							</table>
				    	</div>
			    	</div>
			    </div>
			</div>
			
			<div class="uk-grid" id='webSocketContent'>
			    <div class="uk-width-1-1">
			    	<div class="uk-grid">
				    	<div class="uk-width-1-1">
				    		<div class="uk-panel">
							    <form class='uk-form uk-form-horizontal' id='websocketSetForm'>
							    	<fieldset>
							    		<legend>Websocket</legend>
							    		<div class='uk-form-row'>
											<div class="uk-form-row">
			                                    <label class="uk-form-label" for="form-h-it">Boss数</label>
			                                    <div class="uk-form-controls"><input type="text" id="form-h-it" placeholder="Boss数" name='websocketBossNum'></div>
			                                </div>
			                                <div class="uk-form-row">
			                                    <label class="uk-form-label" for="form-h-it">Worker数</label>
			                                    <div class="uk-form-controls"><input type="text" id="form-h-it" placeholder="Worker数" name='websocketWorkerNum'></div>
			                                </div>
			                                <div class="uk-form-row">
			                                    <label class="uk-form-label" for="form-h-it">IP</label>
			                                    <div class="uk-form-controls"><input type="text" id="form-h-it" name='ip'></div>
			                                </div>
			                                <div class="uk-form-row">
			                                    <label class="uk-form-label" for="form-h-it">端口</label>
			                                    <div class="uk-form-controls"><input type="text" id="form-h-it" placeholder="端口" name='websocketPort'></div>
			                                </div>
			                                <div class="uk-form-row">
			                                    <label class="uk-form-label" for="form-h-it">当前连接数</label>
			                                    <div class="uk-form-controls"><input type="text" id="form-h-it" name='websocketClientNum'></div>
			                                </div>
							    		</div>
							    	</fieldset>
							    </form>
							</div>
				    	</div>
				    	<div class="uk-width-1-1 uk-overflow-container" style='height:700px;margin-top:10px;'>
				    		<table class="uk-table" id='websockettable'>
							    <caption>集群数据</caption>
							    <thead>
							        <tr>
                                        <th>路径名称</th>
                                        <th>锁名称</th>
                                        <th>锁时长</th>
                                        <th>获取锁等待时长</th>
                                        <th>是否启动事务</th>
                                        <th>超时提交时长(秒)</th>
                                        <th>超时回滚时长(秒)</th>
                                        <th>路径负载配置</th>
                                        <th>文件传入</th>
                                    </tr>
							    </thead>
							    <tbody>
							        
							    </tbody>
							</table>
				    	</div>
			    	</div>
			    </div>
			</div>
			
			<div class="uk-grid" id='inServerContent'>
			    <div class="uk-width-1-1">
			    	<div class="uk-grid">
				    	<div class="uk-width-1-1">
				    		<div class="uk-panel">
							    <form class='uk-form uk-form-horizontal' id='inServerSetForm'>
							    	<fieldset>
							    		<legend>Server</legend>
							    		<div class='uk-form-row'>
											<div class="uk-form-row">
			                                    <label class="uk-form-label" for="form-h-it">Boss数</label>
			                                    <div class="uk-form-controls"><input type="text" id="form-h-it" placeholder="Boss数" name='clientBossNum'></div>
			                                </div>
			                                <div class="uk-form-row">
			                                    <label class="uk-form-label" for="form-h-it">Worker数</label>
			                                    <div class="uk-form-controls"><input type="text" id="form-h-it" placeholder="Worker数" name='clientWorkNum'></div>
			                                </div>
			                                <div class="uk-form-row">
			                                    <label class="uk-form-label" for="form-h-it">IP</label>
			                                    <div class="uk-form-controls"><input type="text" id="form-h-it" name='ip'></div>
			                                </div>
			                                <div class="uk-form-row">
			                                    <label class="uk-form-label" for="form-h-it">端口</label>
			                                    <div class="uk-form-controls"><input type="text" id="form-h-it" placeholder="端口" name='clientPort'></div>
			                                </div>
							    		</div>
							    	</fieldset>
							    </form>
							</div>
				    	</div>
				    	<div class="uk-width-1-1 uk-overflow-container" style='height:700px;margin-top:10px;'>
				    		<table class="uk-table" id='inServertable'>
							    <caption>集群数据</caption>
							    <thead>
							        <tr>
                                        <th>路径名称</th>
                                        <th>锁名称</th>
                                        <th>锁时长</th>
                                        <th>获取锁等待时长</th>
                                        <th>是否启动事务</th>
                                        <th>超时提交时长(秒)</th>
                                        <th>超时回滚时长(秒)</th>
                                        <th>路径负载配置</th>
                                        <th>文件传入</th>
                                    </tr>
							    </thead>
							    <tbody>
							        
							    </tbody>
							</table>
				    	</div>
			    	</div>
			    </div>
			</div>
			
			<div class="uk-grid" id='wolfeyeContent'>
			    <div class="uk-width-1-2">
			    	<div class="uk-grid">
				    </div>
				</div>
				<div class="uk-width-1-2">
			    	<div class="uk-grid">
				    </div>
				</div>
			</div>    	
			
		</div>
	</nav>
</body>
<script type="text/javascript" src="/AllJs/jquery-1.10.2.js"></script>
<script type="text/javascript" src="/AllJs/w-io-websocket.js"></script>
<script type="text/javascript" src="/AllJs/formhandle.js"></script>
<script type="text/javascript" src="/Uikit/js/uikit.min.js"></script>
<script type="text/javascript" src="/SystemShow/js/SystemShow.js"></script>
<script type="text/javascript">
	//用于刷新页面缓存
	window.onunload = function() {
			$.ajax({
				url:'/systemRefreshStatic',
				type:'get',
				data:{'sessionId':'123123'}
			})
		}
</script>
</html>